<!doctype html>
<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>Closure Library API Documentation (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc-index.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
     var _typeTreeName = "goog";
     var _fileTreeName = "Source";
  </script>

  <script src="static/js/doc.js">
  </script>


  <meta charset="utf8">
</head>

<body onload="grokdoc.onLoad();">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>


<div id="whatitis" class="g-tpl-75-25 g-section">
  <div class="g-unit g-first">
    <h1>What is the Closure Library?</h1>
    <p>
      The Closure Library is an industrial-strength JavaScript library. It provides user interface widgets, an event framework, a packaging and dependency resolution system, tools for DOM manipulation, tools for creating animation effects (including drag and drop), communication utilities, a unit testing framework, and a wide variety of other packages.
    </p>
    <p>
      Google engineers developed the Closure Library in the process of creating large-scale web applications, and it is now the foundation of Gmail, Google Docs, and many other Google products. If you are developing a large or growing application, you may benefit from the Closure Library's breadth. A well-tested library can insulate you from cross-browser compatibility issues and the minutiae of client-side programming, letting you focus on the fun stuff.
    </p>

    <img
      id="example-img"
      src="static/images/example.png"
      height="360"
      width="410">
    <cite>
      An example of <a href="class_goog_ui_Toolbar.html">goog.ui.Toolbar</a>
      and <a href="class_goog_ui_editor_ToolbarController.html">goog.ui.editor.ToolbarController</a>.
    </cite>
  </div>

  <div class="g-unit">
    <div class="col2-c">
      <h2>Additional Resources</h2>
      <ul>
        <li>
          <a href="http://code.google.com/p/closure-library/source/checkout">Download Closure</a>
        </li>
        <li>
          Read <a href="http://code.google.com/closure/library/docs/introduction.html">Finding Your Way around Closure</a>
        </li>
        <li>
          Do the Closure <a href="http://code.google.com/closure/library/docs/gettingstarted.html">Hello World</a> exercise.
        </li>
        <li>
          Read <a href="http://code.google.com/closure/library/docs/tutorial.html">the tutorial</a>.
        </li>
        <li>
          Explore other <a href="http://code.google.com/closure/">Closure tools.</a>
        </li>
      </ul>
    </div>


<div id="tabbar" class="goog-tab-bar-top goog-tab-bar">
  <div class="goog-tab goog-tab-selected">Type Index</div>
  <div class="goog-tab">File Index</div>
  <div class="goog-tab">Demos</div>
</div>

<!-- Use goog-tab-bar-clear between the tabs and the content. -->
<div class="goog-tab-bar-clear"></div>
<div class="goog-tab-content">

  <div id="loading">Loading... <img src="static/images/loading.gif"></div>

  <div id="typePage">
    <div id="typeTreePeg" class="indexTree"></div>
  </div>

  <div id="filePage">
    <div id="fileTreePeg" class="indexTree"></div>
  </div>

  <div id="demoPage">
    <ul>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/advancedtooltip.html">advancedtooltip.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/animationqueue.html">animationqueue.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/autocomplete-basic.html">autocomplete-basic.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/autocompleteremote.html">autocompleteremote.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/autocompleterichremote.html">autocompleterichremote.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/bidiinput.html">bidiinput.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/bubble.html">bubble.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/button.html">button.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/charcounter.html">charcounter.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/charpicker.html">charpicker.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/checkbox.html">checkbox.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/combobox.html">combobox.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/container.html">container.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/control.html">control.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/css3button.html">css3button.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/css3menubutton.html">css3menubutton.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/cssspriteanimation.html">cssspriteanimation.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/datepicker.html">datepicker.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/debug.html">debug.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/dialog.html">dialog.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/dimensionpicker.html">dimensionpicker.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/dimensionpicker_rtl.html">dimensionpicker_rtl.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/dom_selection.html">dom_selection.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/drag.html">drag.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/dragdrop.html">dragdrop.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/dragger.html">dragger.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/draglistgroup.html">draglistgroup.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/dragscrollsupport.html">dragscrollsupport.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/drilldownrow.html">drilldownrow.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/editor/editor.html">editor/editor.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/editor/field_basic.html">editor/field_basic.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/editor/seamlessfield.html">editor/seamlessfield.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/editor/tableeditor.html">editor/tableeditor.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/effects.html">effects.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/event-propagation.html">event-propagation.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/events.html">events.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/eventtarget.html">eventtarget.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/filedrophandler.html">filedrophandler.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/filteredmenu.html">filteredmenu.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/focushandler.html">focushandler.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/fpsdisplay.html">fpsdisplay.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/gauge.html">gauge.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/graphics/advancedcoordinates.html">graphics/advancedcoordinates.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/graphics/advancedcoordinates2.html">graphics/advancedcoordinates2.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/graphics/basicelements.html">graphics/basicelements.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/graphics/events.html">graphics/events.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/graphics/modifyelements.html">graphics/modifyelements.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/graphics/tiger.html">graphics/tiger.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/history1.html">history1.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/history2.html">history2.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/hovercard.html">hovercard.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/hsvapalette.html">hsvapalette.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/hsvpalette.html">hsvpalette.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/imagelessbutton.html">imagelessbutton.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/imagelessmenubutton.html">imagelessmenubutton.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/inline_block_quirks.html">inline_block_quirks.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/inline_block_standards.html">inline_block_standards.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/inputdatepicker.html">inputdatepicker.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/inputhandler.html">inputhandler.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/keyboardshortcuts.html">keyboardshortcuts.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/keyhandler.html">keyhandler.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/labelinput.html">labelinput.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/menu.html">menu.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/menubar.html">menubar.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/menubutton.html">menubutton.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/menuitem.html">menuitem.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/menus.html">menus.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/mousewheelhandler.html">mousewheelhandler.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/offline.html">offline.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/onlinehandler.html">onlinehandler.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/palette.html">palette.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/pastehandler.html">pastehandler.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/pixeldensitymonitor.html">pixeldensitymonitor.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/plaintextspellchecker.html">plaintextspellchecker.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/popup.html">popup.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/popupcolorpicker.html">popupcolorpicker.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/popupdatepicker.html">popupdatepicker.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/popupemojipicker.html">popupemojipicker.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/popupmenu.html">popupmenu.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/progressbar.html">progressbar.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/prompt.html">prompt.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/quadtree.html">quadtree.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/ratings.html">ratings.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/richtextspellchecker.html">richtextspellchecker.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/roundedpanel.html">roundedpanel.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/samplecomponent.html">samplecomponent.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/scrollfloater.html">scrollfloater.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/select.html">select.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/selectionmenubutton.html">selectionmenubutton.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/serverchart.html">serverchart.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/slider.html">slider.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/split.html">split.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/splitpane.html">splitpane.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/stopevent.html">stopevent.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/style_viewport.html">style_viewport.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/submenus.html">submenus.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/submenus2.html">submenus2.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/tabbar.html">tabbar.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/tablesorter.html">tablesorter.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/tabpane.html">tabpane.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/textarea.html">textarea.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/timers.html">timers.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/toolbar.html">toolbar.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/tooltip.html">tooltip.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/tracer.html">tracer.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/tree/demo.html">tree/demo.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/twothumbslider.html">twothumbslider.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/useragent.html">useragent.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/viewportsizemonitor.html">viewportsizemonitor.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/xpc/index.html">xpc/index.html</a>
      </li>
      <li>
        <a href="http://closure-library.googlecode.com/git/closure/goog/demos/zippy.html">zippy.html</a>
      </li>
    </ul>
  </div>
</div>

  </div>
</div>

